@charset "utf-8";

// @function px2Vw($px, $baseRatio: 3.75px) {
//     @return ($px/$baseRatio) * 1vw;
// }
// .wrap {
//     width: px2Vw(375px);
// }


* {
    text-decoration: none;
}
.wrap {
    // width: 100vw;
    margin: 0 auto;

    header {
        display: flex;
        flex-direction: column;
        align-items: center;
        // background-color: blue;

        .title {
            width: 17.0667vw;
            height: 10.6667vw;
            margin-top: 1.3333vw;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #555555ff;
            font-size: 4.2667vw;
            font-weight: bold;
            // font-weight: 500;
            // background-color: red;
        }

        .logo {
            width: 36.8vw;
            height: 15.1787vw;
            margin-top: 9.3333vw;
            margin-bottom: 9.3333vw;

            img {
                width: 100%;
                height: 100%;
            }
        }

    }

    footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        // background-color: blue;

        .footer-password {
            width: 18.6667vw;
            height: 6.6667vw;
            margin-bottom: 6.6667vw;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 4.6667vw;
            span{
                color: #555555;
            }
        }

        .third-party {
            width: 21.3333vw;
            height: 6.6667vw;
            margin-bottom: 6.6667vw;

            font-size: 3.7333vw;
            
            text-align: center;
            span{
                color: #555555;
            }

            &::after {
                content: '';
                display: inline-block;
                width: 25vw;
                height: 2.6667vw;
                border-bottom: .5333vw solid #efefef;
                position: relative;
                top: -5vw;
                left: 26.6667vw;
            }

            &::before {
                content: '';
                display: inline-block;
                width: 25vw;
                height: 2.6667vw;
                border-bottom: .5333vw solid #efefef;
                position: relative;
                top: 2.9333vw;
                left: -34.6667vw;
            }
        }

        .footer-buttom {
            display: flex;
            justify-content: center;
            margin-bottom: 6.6667vw;

            .footer-qq {
                width: 40vw;
                height: 6.6667vw;
                font-size: 3.7333vw;
                text-align: center;
                span{
                    color: #555555;
                }

            }

            .footer-wechat {
                width: 40vw;
                height: 6.6667vw;
                font-size: 3.7333vw;
                text-align: center;
                span{
                    color: #555555;
                }

            }
        }
    }
}